{include file='index/header'/}
<style>
    .teacher_ul{
        /*border: 1px solid#ccc;*/
        /*display: inline-block;*/
        display: flex;
        flex-wrap: wrap;

    }

    .teacher_ul li {
        background: #FFFFFF;
        /*border: 1px solid #EFEFEF;*/
        border-radius: 4px;
        margin-bottom: 15px;
        margin-left: 15px;
        padding: 10px 15px;
        line-height: 34px;
        box-shadow: 4px 4px 12px #EFEFEF;
        /*display: inline-block;*/
        /*float: left;*/
        width: 200px;
        text-align: center;
        /*display: flex;*/

    }

    .teacher_ul li p {
        text-indent: 1em;
        font-size: 14px;
        color: #666666;
    }
</style>
<div style="padding: 20px">
    <div class="list" style="padding: 20px 50px;background: #FFF;">
        <ul class="teacher_ul">
            {volist name="teachers" id="teacher"}
            <li>
                {if $teacher.img}
                <img src="/uploads/{$teacher.img}" alt="" width="150px" height="150px">
                {else/}
                <img src="/static/img/头像默认.png" alt="" width="150px" height="150px">
                {/if}
                <p>姓名:{$teacher.realname}</p>
                <p>手机号:{$teacher.tel}</p>
                <p>邮箱:{$teacher.email}</p>
            </li>
            {/volist}
        </ul>
        <div class="page">
            {$teachers|raw}
        </div>
    </div>

</div>
{include file='index/footer'/}
<script>
    $('#teacher_list').addClass("layui-nav-itemed");
</script>